<!-- @format -->

<template>
	<div class="ma-content-block justify-between prient-content"  style="width: 210mm;">
        <div style="font-size:12px" id="prient-contents">
            <div style="text-align:center;font-size:20px">铁路箱出站单</div>
            <div style="display:flex;justify-content: space-between; font-size:14px">
                <div>威斯腾站站存查</div>
                <div style="margin-right:30mm">甲联·NO.{{props.no}}</div>
            </div>
            <div style="border:1px solid #000">
                <div style="font-weight: 600;text-align:center;padding: 3px 10px;box-sizing:border-box;border-bottom:1px solid #000">出站填记(重)</div>
                <div style="display:flex;border-bottom:1px solid #000">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">收货人</div>
                    </div>
                    <div style="width:calc((100% / 8) * 5);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;" >
                        <div style="padding: 3px 10px;box-sizing:border-box;">{{props.row?.dept?.name}}</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">调度命令号</div>
                    </div>
                    <div style="width:calc(100% / 8);"></div>
                </div>
                <div style="display:flex;border-bottom:1px solid #000">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">货票号</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;word-break:break-all">{{props.row?.ticket_number}}</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;" >
                        <div style="padding: 3px 10px;box-sizing:border-box;">箱型箱号</div>
                    </div>
                    <div style="width:calc((100% / 8) * 3);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">{{props.row?.boxs}} / {{props.row?.box_types}}</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">接收站</div>
                    </div>
                    <div style="width:calc(100% / 8);display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">威斯腾站</div>
                    </div>
                </div>
                <div style="display:flex;border-bottom:1px solid #000">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">箱体情况</div>
                    </div>
                    <div style="width:calc((100% / 8) * 7);display:flex;align-items: center;">
                        <div style="display:flex;align-items: center;margin-left:20mm;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">割伤</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">擦伤</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">破洞</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">凹损</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">破损</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">部件缺失</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">污箱</div>
                        </div>
                    </div>
                </div>
                <div style="display:flex;border-bottom:1px solid #000">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">领箱人</div>
                    </div>
                    <div style="width:calc((100% / 8) * 5);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;" >
                        <div style="padding: 3px 10px;box-sizing:border-box;">/</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">备注</div>
                    </div>
                    <div style="width:calc(100% / 8);"></div>
                </div>
                <div style="display:flex;border-bottom:1px solid #000">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">搬出车号</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;word-break:break-all">{{props.row?.deriver_car_no}}</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;" >
                        <div style="padding: 3px 10px;box-sizing:border-box;">破损记录号</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;"></div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">车站经办人</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">{{props.row?.create_user?.nickname}}</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">出站日期</div>
                    </div>
                    <div style="width:calc(100% / 8);display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">{{props.tihuoTime}}</div>
                    </div>
                </div>
                <div style="font-weight: 600;text-align:center;padding: 3px 10px;box-sizing:border-box;border-bottom:1px solid #000">进站填记(空 重)</div>
                <div style="display:flex;border-bottom:1px solid #000">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">箱体情况</div>
                    </div>
                    <div style="width:calc((100% / 8) * 7);display:flex;align-items: center;">
                        <div style="display:flex;align-items: center;margin-left:20mm;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">割伤</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">擦伤</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">破洞</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">凹损</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">破损</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">部件缺失</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">污箱</div>
                        </div>
                    </div>
                </div>
                <div style="display:flex;border-bottom:1px solid #000">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">还箱人</div>
                    </div>
                    <div style="width:calc((100% / 8) * 5);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;" >
                        <div style="padding: 3px 10px;box-sizing:border-box;"></div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">备注</div>
                    </div>
                    <div style="width:calc(100% / 8);"></div>
                </div>
                <div style="display:flex;">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">搬入车号</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;word-break:break-all"></div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;" >
                        <div style="padding: 3px 10px;box-sizing:border-box;">破损记录号</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;"></div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">车站经办人</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;"></div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">出站日期</div>
                    </div>
                    <div style="width:calc(100% / 8);display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;"></div>
                    </div>
                </div>
            </div>
            <div style="display:flex;justify-content: space-between;margin-top:6px">
                <div></div>
                <div style="display:flex;">
                    <div>门卫验放：</div>
                    <div style="margin:0 20mm">(章)</div>
                </div>
            </div>
            <div style="margin-top:8px;display:flex;align-items: center;margin-bottom:30px;">
                <div style="display:flex;flex-direction: column;justify-content: space-around;font-size:16px;padding: 0 10px 0 10px;">
                    <div>说</div>
                    <div>明</div>
                </div>
                <div style="border-left:1px solid #000;padding-left: 10px;flex:1">
                    <div style="line-height: 20px;">1.铁路箱空箱出站时，将收货人、货票号抹消；重箱出站时，将托运人、到站抹消。</div>
                    <div style="line-height: 20px;display:flex;justify-content: space-between;">
                        <div>2.甲、乙联可用不同颜色印制。</div>
                    </div>
                    <div style="line-height: 20px;display:flex;justify-content: space-between;">
                        <div>3.各站可根据管理需要，增加联数</div>
                    </div>
                </div>
            </div>
            <div style="text-align:center;font-size:20px">铁路箱出站单</div>
            <div style="display:flex;justify-content: space-between; font-size:14px">
                <div>威斯腾站随箱联</div>
                <div style="margin-right:30mm">乙联·NO.{{props.no}}</div>
            </div>
            
            <div style="border:1px solid #000">
                <div style="font-weight: 600;text-align:center;padding: 3px 10px;box-sizing:border-box;border-bottom:1px solid #000">出站填记(重)</div>
                <div style="display:flex;border-bottom:1px solid #000">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">收货人</div>
                    </div>
                    <div style="width:calc((100% / 8) * 5);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;" >
                        <div style="padding: 3px 10px;box-sizing:border-box;">{{props.row?.dept?.name}}</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">调度命令号</div>
                    </div>
                    <div style="width:calc(100% / 8);"></div>
                </div>
                <div style="display:flex;border-bottom:1px solid #000">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">货票号</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;word-break:break-all">{{props.row?.ticket_number}}</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;" >
                        <div style="padding: 3px 10px;box-sizing:border-box;">箱型箱号</div>
                    </div>
                    <div style="width:calc((100% / 8) * 3);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">{{props.row?.boxs}} / {{props.row?.box_types}}</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">接收站</div>
                    </div>
                    <div style="width:calc(100% / 8);display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">威斯腾站</div>
                    </div>
                </div>
                <div style="display:flex;border-bottom:1px solid #000">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">箱体情况</div>
                    </div>
                    <div style="width:calc((100% / 8) * 7);display:flex;align-items: center;">
                        <div style="display:flex;align-items: center;margin-left:20mm;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">割伤</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">擦伤</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">破洞</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">凹损</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">破损</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">部件缺失</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">污箱</div>
                        </div>
                    </div>
                </div>
                <div style="display:flex;border-bottom:1px solid #000">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">领箱人</div>
                    </div>
                    <div style="width:calc((100% / 8) * 5);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;" >
                        <div style="padding: 3px 10px;box-sizing:border-box;">/</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">备注</div>
                    </div>
                    <div style="width:calc(100% / 8);"></div>
                </div>
                <div style="display:flex;border-bottom:1px solid #000">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">搬出车号</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;word-break:break-all">{{props.row?.deriver_car_no}}</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;" >
                        <div style="padding: 3px 10px;box-sizing:border-box;">破损记录号</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;"></div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">车站经办人</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">{{props.row?.create_user?.nickname}}</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">出站日期</div>
                    </div>
                    <div style="width:calc(100% / 8);display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">{{props.tihuoTime}}</div>
                    </div>
                </div>
                <div style="font-weight: 600;text-align:center;padding: 3px 10px;box-sizing:border-box;border-bottom:1px solid #000">进站填记(空 重)</div>
                <div style="display:flex;border-bottom:1px solid #000">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">箱体情况</div>
                    </div>
                    <div style="width:calc((100% / 8) * 7);display:flex;align-items: center;">
                        <div style="display:flex;align-items: center;margin-left:20mm;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">割伤</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">擦伤</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">破洞</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">凹损</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">破损</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">部件缺失</div>
                        </div>
                        <div style="display:flex;align-items: center;margin-right:16px">
                            <div style="width:12px;height:12px;border:1px solid #000;margin-right:8px"></div>
                            <div style="">污箱</div>
                        </div>
                    </div>
                </div>
                <div style="display:flex;border-bottom:1px solid #000">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">还箱人</div>
                    </div>
                    <div style="width:calc((100% / 8) * 5);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;" >
                        <div style="padding: 3px 10px;box-sizing:border-box;"></div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">备注</div>
                    </div>
                    <div style="width:calc(100% / 8);"></div>
                </div>
                <div style="display:flex;">
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">搬入车号</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;word-break:break-all"></div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;" >
                        <div style="padding: 3px 10px;box-sizing:border-box;">破损记录号</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;"></div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">车站经办人</div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;"></div>
                    </div>
                    <div style="width:calc(100% / 8);border-right:1px solid #000;display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;">出站日期</div>
                    </div>
                    <div style="width:calc(100% / 8);display:flex;align-items: center;justify-content: center;">
                        <div style="padding: 3px 10px;box-sizing:border-box;"></div>
                    </div>
                </div>
            </div>
            <div style="display:flex;justify-content: space-between;margin-top:6px">
                <div></div>
                <div style="display:flex;">
                    <div>门卫验放：</div>
                    <div style="margin:0 20mm">(章)</div>
                </div>
            </div>
            <div style="margin-top:8px;display:flex;align-items: center;border-bottom:1px solid #000">
                <div style="display:flex;flex-direction: column;justify-content: space-around;padding: 0 10px 0 10px;">
                    <div>领</div>
                    <div>箱</div>
                    <div>人</div>
                    <div>须</div>
                    <div>知</div>
                </div>
                <div style="border-left:1px solid #000;padding-left: 10px;">
                    <div style="line-height: 20px;">1.如本单记载与实际不符，应在出站前要求更正。</div>
                    <div style="line-height: 20px;">2.应及时将铁路箱送回，超过规定时间需支付集装箱延用使用费。</div>
                    <div style="line-height: 20px;">3.保证箱体完好，发生损坏、丢失需赔偿。</div>
                    <div style="line-height: 20px;">4.本单乙联随箱同行，还箱时将乙联交回</div>
                    <div style="line-height: 20px;">5.还箱收据盖戳后，保存60日</div>
                </div>
            </div>
            <div style="display:flex;align-items: center;border-bottom:1px solid #000">
                <div style="display:flex;flex-direction: column;justify-content: space-around;padding: 0 10px 0 10px;">
                    <div>还</div>
                    <div>箱</div>
                    <div>收</div>
                    <div>据</div>
                </div>
                <div style="border-left:1px solid #000;padding-left: 10px;width:100%">
                    <div style="line-height: 20px;">本单记载的铁路箱已交回车站，收据请保存60日</div>
                    
                    <div style="line-height: 20px;display:flex;justify-content: space-between;">
                        <div>车站经办人：</div>
                        <div style="margin-right:60mm">车站日期戳记</div>
                    </div>
                    <div style="line-height: 20px;display:flex;justify-content: space-between;">
                        <div>{{props.no}}</div>
                    </div>
                    <div style="line-height: 20px;display:flex;">
                        <div>备注：</div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <div style="display: flex;margin-top: 10px" v-if="props.old_no != '0000000'">
        <div style="width:100px">作废原因：</div>
        <a-textarea placeholder="请输入作废原因" @focus="handleFocus" @input="handleinput"  allow-clear :error="props.errFalg"/>
    </div>
    <div style="display: flex; justify-content: flex-end;margin-top:20px;" >
        <div v-if="props.old_no != '0000000'">
            <a-button v-print="printObj" type="primary" v-if="props.remark">打印</a-button>
            <a-button  type="primary" v-if="!props.remark" @click="handlePrint">打印</a-button>
        </div>
        <div v-if="props.old_no == '0000000'">
            <a-button v-print="printObj" type="primary" >打印</a-button>
        </div>
        
	</div>
</template>
<script setup>
	import { ref, reactive, defineProps, defineEmits } from "vue";
    import predictionDeriverOrder from "@/api/prediction/predictionDeriverOrder";
	import { Message } from "@arco-design/web-vue";
	import tool from "@/utils/tool";
    
	import * as common from "@/utils/common";
    const props = defineProps({
        row: {
			type: Object,
			default: {},
		},
        no:{
            type: String,
			default: '',
        },
        tihuoTime:{
            type: String,
			default: '',
        },
        old_no:{
            type: String,
			default: '',
        },
        remark:{
            type: String,
			default: '',
        },
        errFalg:{
            type:Boolean,
            default: '',
        }
    })
    const handleFocus = ()=>{
		$emit("bianhua", {errFalg:props.errFalg,remark:props.remark});
	}
    const handleinput = (e)=>{
        $emit("bianhua", {errFalg:props.errFalg,remark:e});
    }
    const handlePrint = ()=>{
		if(!props.remark){
			Message.error('请输入作废原因');
            $emit("bianhua", {errFalg:true,remark:props.remark});
		}
	}
    const $emit = defineEmits(["change",'bianhua']);
    const printObj = {
		id: "prient-contents",
		popTitle: "页面打印",
		openCallback: (vue) => {
			predictionDeriverOrder
				.getprintSave({ type: 2, link_id: props.row.id,remark:props.remark })
				.then((res) => {
					$emit("gengxin", 1);
				});
		},
	};

</script>
<script>
	export default { name: "prediction:deriverOrder:cmt_jzx" };
</script>

<style lang="less" scoped>
	.prient-content{
        padding: 20px;
        height:700px;
		overflow: hidden auto;
    }
    .prient-content::-webkit-scrollbar {
        width: 0;
    }
    /* 隐藏垂直滚动条 */
    .prient-content {
        scrollbar-width: none;
    }
 
</style>
